// 封装购物车模块
import { defineStore } from 'pinia'
import { computed } from 'vue'
import { useUserStore } from './userStore'
import { delCartAPI, findNewCartListAPI, insertCartAPI } from '@/apis/cart'

export const useCartStore = defineStore(
  'cart',
  () => {
    const userStore = useUserStore()
    const isLogin = computed(() => userStore.userInfo.token)
    // 1.定义数据
    const cartList = ref([])
    // 2.定义方法
    // 获取最新购物车列表
    const updateNewList = async () => {
      // 获取最新数据
      const res = await findNewCartListAPI()
      cartList.value = res.result
    }

    // 添加购物车
    const addCart = async (goods) => {
      const data = {
        skuId: goods.skuId,
        count: goods.count,
      }
      if (isLogin.value) {
        // 登录状态
        // 先把数据加入购物车
        await insertCartAPI(data)
        updateNewList()
      } else {
        // 添加购物车操作
        // 已添加过 - count + 1
        // 未添加 - 直接 push
        const item = cartList.value.find((item) => goods.skuId === item.skuId)
        if (item) {
          item.count += goods.count
        } else {
          cartList.value.push(goods)
        }
      }
    }

    // 删除购物车
    const delCart = async (skuId) => {
      if (isLogin.value) {
        // 调用购物车中的删除功能
        await delCartAPI([skuId])
        updateNewList()
      } else {
        // 删除购物车操作
        // 找到要删除的下标值 - splice
        const index = cartList.value.findIndex((item) => skuId === item.skuId)
        if (index !== -1) {
          // 使用 splice 方法删除该索引值的数据,删除一位
          cartList.value.splice(index, 1)
        }
      }
    }

    // 清除购物车
    const clearCart = () => {
      cartList.value = []
    }

    // 单选功能
    const singleCheck = (skuId, selected) => {
      // 找到要修改的项
      const item = cartList.value.find((item) => skuId === item.skuId)
      if (item) {
        // 修改选中状态
        item.selected = selected
      }
    }

    // 全选功能
    const allCheck = (selected) => {
      // 循环遍历，将所有项的 selected 改为 selected
      cartList.value.forEach((item) => (item.selected = selected))
    }

    // 计算属性
    // 1. 总的数量，所有项的 count 之和
    // reduce 方法，数组的方法，接收一个函数，函数的第一个参数是累计值，第二个参数是当前项，初始值是0
    const allCount = computed(() => cartList.value.reduce((all, current) => all + current.count, 0))
    // 2. 总价 所有的 count * price 之和
    const allPrice = computed(() =>
      cartList.value.reduce((all, current) => all + current.count * current.price, 0),
    )
    // 3、已选择数量
    const selectedCount = computed(() =>
      // 如果被选择了，就累加，不然就保持累加过的数据（all）
      cartList.value.reduce((all, current) => (current.selected ? all + current.count : all), 0),
    )
    // 4、已选择商品价钱合计
    const selectedPrice = computed(() =>
      cartList.value.reduce(
        (all, current) => (current.selected ? all + current.count * current.price : all),
        0,
      ),
    )
    // 是否全选,检查所有元素是否满足条件
    const isAll = computed(() => {
      return cartList.value.length > 0 && cartList.value.every((item) => item.selected)
    })

    return {
      cartList,
      allCount,
      selectedCount,
      allPrice,
      selectedPrice,
      isAll,
      updateNewList,
      addCart,
      delCart,
      clearCart,
      singleCheck,
      allCheck,
    }
  },
  { persist: true },
)
